<template>
  <div class="dia">
    <el-dialog v-model="dialogVisible" title="标题" width="300px" draggable :modal="false" :close-on-click-modal="false">
      <span></span>
      <template #footer>
        <span class="dialog-footer">
          <el-button @click="dialogVisible = false">关闭</el-button>
          <!-- <el-button type="primary" @click="dialogVisible = false"> Confirm </el-button> -->
        </span>
      </template>
    </el-dialog>
  </div>
</template>
<script setup>
import { computed } from 'vue'
const props = defineProps({
  dialogVisible: {
    type: Boolean,
    default: ''
  }
})
const emits = defineEmits(['update:dialogVisible'])
const dialogVisible = computed({
  get: () => props.dialogVisible,
  set: (val) => {
    emits('update:dialogVisible', val)
  }
})
</script>
<style lang="scss">
.dia {
  color: #000;
  & > div {
    pointer-events: none;
  }
  .el-dialog {
    pointer-events: auto !important;
  }
}
</style>
